<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="yunknet.cn">
    <meta name="Keywords" content="{:config('website.site_keywords')}">
    <meta name="Description" content="{:config('website.site_description')}">
    <link rel="stylesheet" type="text/css" href="__LIBS__/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/yunke/css/common.css" />
    <link rel="stylesheet" type="text/css" href="__STATIC__/yunke/css/custom.css" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="http://mat1.gtimg.com/libs/animate/3.5.0/animate.min.css">
    <link href="https://cdn.bootcss.com/Swiper/4.5.1/css/swiper.min.css" rel="stylesheet">
    <link rel="shortcut icon" href="{:config('website.icon')}" />
    <link rel="bookmark"href="{:config('website.icon')}" />
    {if condition="$title"}
    <title>{$title}</title>
    {else/}
    <title>{:config('website.site_title')}</title>
    {/if}
    {block name="css"}{/block}
</head>
<body>
<section class="header">
    <div class="layui-container layui-header">
        <a class="layui-logo" href="/"><img src="{:config('website.logo')}"></a>
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="#">首页</a></li>
            {foreach name="nav" item="vo"}
            <li class="layui-nav-item">
                <a href="{$vo.url}">{$vo.name}</a>
                {if condition="$vo.childNav"}
                <dl class="layui-nav-child">
                    {foreach name="vo.childNav" item="voo"}
                    <dd><a href="{$voo.url}">{$voo.name}</a></dd>
                    {/foreach}
                </dl>
                {/if}
            </li>
            {/foreach}
        </ul>
        <ul class="user">
            <li>
                <span class="top-login">登录</span>
                <span class="Y-axis">|</span>
                <span class="top-reg">注册</span>
            </li>
        </ul>
    </div>
</section>
{block name="body"}{/block}
<section class="footer mt20">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-md3 mt40 footer-logo"><img src="Ray/images/footer-logo.png"></div>
            <div class="layui-col-md3 mt40">

                <div class="footer-about">
                    <h3>关于恒鑫影像</h3>
                    <ul>
                        <li>恒鑫简介</li>
                        <li>公司动态</li>
                        <li>用户协议</li>
                        <li>隐私政策</li>
                        <li>意见反馈</li>
                        <li>网站帮助</li>
                    </ul>
                </div>

            </div>
            <div class="layui-col-md3 mt40">

                <div class="footer-about">
                    <h3>客服中心</h3>
                    <ul>
                        <li><i class="layui-icon layui-icon-cellphone"></i> 13888888888</li>
                        <li>(9:30 - 18:00)</li>
                        <li><i class="layui-icon layui-icon-login-qq"></i> 123456789</li>
                        <li>(9:30 - 20:00)</li>
                    </ul>
                </div>

            </div>
            <div class="layui-col-md3 mt40 footer-logo">
                <div class="footer-wechat">
                    <ul>
                        <li>微信公众号</li>
                        <li>微信小程序</li>
                    </ul>
                    <ul class="qrcode mt15">
                        <li><img src="Ray/images/qrcode.jpg"></li>
                        <li><img src="Ray/images/qrcode.jpg"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- <section class="copyright">
    <div class="layui-container">
        <p>
            粤ICP备19146916号 | <img src="Ray/images/police-badge.png"> 粤公网安备：00000000000000 | 营业执照 | 网站统计 | 举报邮箱
            admin@hxyx998.com<br>
            Copyright &copy 2018-2019 恒鑫影像（hxyx998.com）版权所有 课程和网页设计版权由 韶关市恒鑫文化传媒有限公司 持有，未经本公司允许，请勿建立镜像和其他违法用途
        </p>
    </div>
</section> -->
<!--右侧-->
<!-- <div class="Right-Nav">
    <div class="Right-nav-list">
        <ul>
            <li class="r-qq">
                <i class="fa fa-qq fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border">123456789</div>
                </div>
            </li>
            <li class="r-qrcode">
                <i class="fa fa-weixin fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border"><img src="Ray/images/qrcode.jpg"></div>
                </div>
            </li>
            <li class="r-qq">
                <i class="fa fa-phone fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border">12345678911</div>
                </div>
            </li>
            <li class="r-qq">
                <i class="fa fa-envelope fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border">admin@hxyx998.com</div>
                </div>
            </li>
            <li class="r-qrcode">
                <i class="fa fa-qrcode fa-fw fa-lg"></i>
                <div class="r-box">
                    <div class="r-box-border"><img src="Ray/images/qrcode.jpg"></div>
                </div>
            </li>
            <li id="top-back"><a href="javascript:;" class="cndns-right-btn" onclick="topBack()"><i class="layui-icon layui-icon-top"></i></a></li>
        </ul>
    </div>
</div> -->
</body>
<script src="http://mat1.gtimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/Swiper/4.5.1/js/swiper.min.js"></script>
<script src="__LIBS__/layui/layui.all.js"></script>
<script src="__LIBS__/common/common.js"></script>
<script type="text/javascript">
    $('#top-back').hide()
    $(window).scroll(function() {
        if ($(this).scrollTop() > 350) {
            $("#top-back").fadeIn();
        } else {
            $("#top-back").fadeOut();
        }
    })

    function topBack() {
        $('body,html').animate({
            scrollTop: 0
        }, 300);
    }
</script>
{block name="js"}{/block}
</html>
